<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>steps()</title>
    <style>
        .dead{
            width:200px;
            height:312px;
            background:#ccc url(sprites/jiangshi.png) no-repeat 0 0;
            animation:deadBox 1s steps(10) infinite;
        }
        @keyframes deadBox{
            0%{
                background-position: 0 0;
            }
            100%{
                /* 横向雪碧图  x (-宽度)   y 0  最后一个僵尸 - 1800px 0 */
                background-position: -2000px 0;
            }
        }
    </style>
</head>

<body>

    <div class="dead"></div>
</body>

</html>